﻿<<html>
<head>
<meta charset="gb2312">
<title>设置字体样式综合案例</title>
<style type="text/css">
  h1{
     font-family:黑体;
     text-align: center;
  }
  p{
    font-family: Arial, "Times New Roman";
    font-size:12pt;
    background-color:#ccc;
  }
  p.indent{
     text-indent:2em;
     line-height:200%;
  }
  p.ellipsis{
    width:300px;
    height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .red {
    color:rgb(255,0,0);
  }
  .one {
    font-size:30px;
    text-decoration: overline;
  }
  .two {
    font-size:30px;
    text-decoration: line-through;
  }
  .three {
    font-size:30px;
    text-decoration: underline;
  }
</style>
</head>
<body>
<h1>环境保护</h1> 
<p>环境保护一般指<span class="one">人类</span>为解决现实或潜在的问题，协调人类与<span class="two">环境</span>的关系，保护人类的生存环境、保障经济社会的<span class="three">可持续发展</span>而采取的各种行动的总称。</p>
<p class="indent">政府环境组织在解决我国在发展中生产的环境问题，建设资源节约型、环境友好社会性，构建和谐社会的过程中发挥着重要作用。</p>
<p class="ellipsis">保护环境是中国长期稳定发展的根本利益和基本目标之一，实现可持续发展依然是中国面临的严峻挑战。</p>
</body>
</html>